<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="./js/vue.js"></script>
</head>

<body>
	<div id="app">
		<div :style="{width:widthS,height:heightS,border:borderS}">第一个对象形式</div>
		<div :style="objStyle">对象形式</div>
		<div :style="[objStyle]">数组形式</div>
	</div>
	<script>
	var vm=new Vue({
	el:'#app',
	data:{
	widthS:'100px',
	heightS:'50px',
	borderS:'1px solid red',
	widthStyle:'100px',
	heightStyle:'50px',
	objStyle:{
		backgroundColor:'red',
		width:'100px',
		height:'20px',
	}
	},
	methods:{
		
	}
	
	})
	</script>
</body>

</html>